<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link type="text/css"
	href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>库存管理</title>
<script type="text/javascript">
	$(function() {
		
		$('#dg').datagrid({
			toolbar : [ {
				//新增库存功能
				iconCls : 'icon-add',
				text : '商品入库',
				handler : function() {
					//显示窗口
					$('#win').window('open');
					//清空文本框
					$('#tb1').textbox('clear');
					$('#tb2').textbox('clear');
					$('#tb3').textbox('clear');
					$('#tb4').textbox('clear');
					$('#tb5').textbox('clear');
					$('#tb6').textbox('clear');
					$('#tb7').textbox('clear');
					$('#tb8').textbox('clear');
				}
			}, '-', {
				//修改库存功能
				iconCls : 'icon-edit',
				text : '修改库存',
				handler : function() {
					var up = $('#dg').datagrid('getSelections');
					if (up.length == 1) {
						$('#win1').window('open');
						//赋值
						$('#tb11').textbox('setValue', up[0].pId);
						$('#tb11').textbox('textbox').attr('readonly',true);
						$('#tb22').textbox('setValue', up[0].pName);
						$('#tb22').textbox('textbox').attr('readonly',true);
						$('#tb33').textbox('setValue', up[0].pType);
						$('#tb33').textbox('textbox').attr('readonly',true);
						$('#tb44').textbox('setValue', up[0].pAmount);
						$('#tb55').textbox('setValue', up[0].pClass);
						$('#tb55').textbox('textbox').attr('readonly',true);
						$('#tb66').textbox('setValue', up[0].pCost);
						$('#tb66').textbox('textbox').attr('readonly',true);
						$('#tb77').textbox('setValue', up[0].pPrice);
						$('#tb77').textbox('textbox').attr('readonly',true);
						$('#tb88').textbox('setValue', up[0].pTime);
						$('#tb88').textbox('textbox').attr('readonly',true);
						$('#tb99').textbox('setValue', up[0].supId);
						$('#tb99').textbox('textbox').attr('readonly',true);
					}else if(up.length==0){
						$.messager.alert('我的消息','请勾选需要修改的信息','info');
						$('#dg').datagrid('clearSelections');
					}else{
						$.messager.alert('我的消息','一次只能修改一条信息','info');
					}
				}
			}, '-', {
				//删除库存功能
				iconCls : 'icon-remove',
				text : '删除库存',
				handler : function() {
					var se = $('#dg').datagrid('getSelections');
					if (se.length > 0) {
						$.messager.confirm('确认对话框', '确定要删除吗？', function(r) {
							if (r) {
								$.each(se, function(i, n) {
									var pId = se[i].pId;
									$.ajax({
										type : 'post',
										url : 'removeShs',
										data : {
											'pId' : pId
										},
										dataType : 'json',
										success : function(data) {
											if (1 == data) {
												$.messager.show({
													title : '我的消息',
													msg : '删除成功',
													showType : 'show',
													timeout : 2000,
												})
												//重加载页面
												$('#dg').datagrid('reload');
											} else {
												$.messager.show({
													title : '我的消息',
													msg : '删除失败',
													showType : 'show',
													timeout : 2000,
												});
											}
										}
									})
								})
							} else {
								//取消所选中的行
								$('#dg').datagrid('clearSelections');
							}
						})
					} else {
						$.messager.alert('我的消息', '请勾选您要删除的行', 'info');
					}
				}
			}, '-', {
				//库存查询
				iconCls : 'icon-search',
				text : '查询',
				handler : function() {
					$('#win2').window('open');
					$('#tb111').textbox('clear');
					$('#tb222').textbox('clear');
					}
				}],
			url : 'showShs',
			columns : [ [ {
				field : 'ck',
				width : 100,
				checkbox : true
			}, {
				field : 'pId',
				title : '商品编号',
				width : 100,
				align : 'center',
				hidden : true
			}, {
				field : 'pName',
				title : '商品名称',
				width : 100,
				align : 'center'
			}, {
				field : 'pType',
				title : '品牌型号',
				width : 100,
				align : 'center'
			}, {
				field : 'pAmount',
				title : '库存数量',
				width : 100,
				align : 'center'
			}, {
				field : 'pClass',
				title : '商品类型',
				width : 100,
				align : 'center'
			}, {
				field : 'pCost',
				title : '商品进价',
				width : 100,
				align : 'center'
			}, {
				field : 'pPrice',
				title : '商品预售价',
				width : 100,
				align : 'center'
			}, {
				field : 'pTime',
				title : '入库时间',
				width : 100,
				align : 'center'
			}, {
				field : 'supId',
				title : '供应商ID',
				width : 100,
				align : 'center'
			} ] ],
			fitColumns : true,
			rownumbers : true,
			pagePosition : 'bottom',
			pagination : true,
		});
		//增加确定按钮的事件
		$('#btn1').bind('click', function() {
			var pName = $('#tb1').textbox('getValue');
			var pType = $('#tb2').textbox('getValue');
			var pAmount = $('#tb3').textbox('getValue');
			var pClass = $('#tb4').textbox('getValue');
			var pCost = $('#tb5').textbox('getValue');
			var supId = $('#tb7').textbox('getValue');
			var pPrice = $('#tb8').textbox('getValue');
			$.ajax({
				type : 'post',
				url : 'insertSh',
				data : {
					'pName' : pName,
					'pType' : pType,
					'pAmount' : pAmount,
					'pClass' : pClass,
					'pCost' : pCost,
					'supId' : supId,
					'pPrice':pPrice
				},
				dataType : 'json',
				success : function(data) {
					if (data == 1) {
						$.messager.show({
							title : '我的消息',
							msg : '库存增加成功',
							timeout : 2000,
							showType : 'slide'
						});
						$('#dg').datagrid('reload');
						$('#win').window('close');
					} else {
						$.messager.show({
							title : '我的消息',
							msg : '库存增加失败',
							timeout : 2000,
							showType : 'slide'
						});
					}
				}

			})

		});
		//增加取消按钮的事件
		$('#btn2').bind('click', function() {
			$('#win').window('close');
		});
		//库存修改确认按钮的事件
		$('#btn3').bind('click', function() {
			var pId = $('#tb11').textbox('getValue');
			var pAmount = $('#tb44').textbox('getValue');
			$.ajax({
				url:'updataSh',
				type:'post',
				data:{'pId':pId,'pAmount':pAmount},
				dataType:'json',
				success:function(data){
					if(data==1){
						$.messager.show({
							title:'我的消息',
							msg:'修改成功',
							timeout:2000,
							showType:'slide'})
							$('#dg').datagrid('reload');
							$('#win1').window('close');
					}else{
						$.messager.show({
							title:'我的消息',
							msg:'修改失败',
							timeout:2000,
							showType:'slide'})
					}
				}
			})
		});
		//库存修改取消按钮的事件
		$('#btn4').bind('click', function() {
			$('#dg').datagrid('clearSelections');
			$('#win1').window('close');
		});
		
		//输入供货商Id时的提示
		$('#tb7').textbox({
			icons: [{
				iconCls:'icon-help',
				handler: function(e){
					alert('请通过查询获得供应商Id,若是新的供应商,请先添加该供应商!');
				}
			}]
		});
		
		
		//查询提交
		$('#btn5').bind('click', function() {
			$('#win3').window('open');
			$('#win2').window('close');
			$('#dg1').datagrid({
				queryParams: {
					searType: $('#tb111').textbox('getValue'),
					sertInfo: $('#tb222').textbox('getValue')
				},
				url : 'serachProductByInfo',
				columns : [ [ {
					field : 'pId',
					title : '商品编号',
					width : 100,
					align : 'center',
				}, {
					field : 'pName',
					title : '商品名称',
					width : 100,
					align : 'center'
				}, {
					field : 'pType',
					title : '品牌型号',
					width : 100,
					align : 'center'
				}, {
					field : 'pAmount',
					title : '库存数量',
					width : 100,
					align : 'center'
				}, {
					field : 'pClass',
					title : '商品类型',
					width : 100,
					align : 'center'
				}, {
					field : 'pCost',
					title : '商品进价',
					width : 100,
					align : 'center'
				}, {
					field : 'pPrice',
					title : '商品预售价',
					width : 100,
					align : 'center'
				}, {
					field : 'pTime',
					title : '入库时间',
					width : 100,
					align : 'center'
				}, {
					field : 'supId',
					title : '供应商ID',
					width : 100,
					align : 'center'
				} ] ],
				fitColumns : true,
				rownumbers : true,
				pagePosition : 'bottom',
				pagination : true,
				
				
				
			})		
		});
		
		
		//取消查询
		$('#btn6').bind('click', function() {
			$('#win2').window('close');
		});
		
		//查询界面下拉菜单
			$('#tb111').combobox({    
				valueField: 'label',
				textField: 'value',
				data: [{
					label: 'pId',
					value: '商品编号'
				},{
					label: 'pName',
					value: '商品名称'
				},{
					label: 'pType',
					value: '品牌型号'
				},{
					label: 'pClass',
					value: '商品类型'
				},{
					label: 'pTime',
					value: '入库时间'
				},{
					label: 'supId',
					value: '供应商Id'
				}]
		
			});
		
		
	})
</script>
</head>
<body>
	<!-- 库存展示的表格 -->
	<table id="dg"></table>
	<br>
	<!-- 增加功能的表格 -->
	<div id="win" class="easyui-window" title="入库详细信息"
		style="width: 700px; height: 500px"
		data-options="iconCls:'icon-save',modal:true,closed:true">
		<div id="insert" style="margin-left: 150px; margin-top: 70px">
			商品名称<input id="tb1" class="easyui-textbox" style="width: 200px; heigh: 20px"><br> 
			品牌型号<input id="tb2" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			商品数量<input id="tb3" class="easyui-textbox" style="width: 200px; heigh: 20px"><br> 
			商品类型<input id="tb4" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			商品进价<input id="tb5" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			商品预售价 <input id="tb8" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			
			供应商ID<input id="tb7" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn1" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a> 
				<a id="btn2" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
			</div>
		</div>
	</div>
	<!-- 修改库存的表格 -->

	<div id="win1" class="easyui-window" title="库存修改"
		style="width: 600px; height: 400px"
		data-options="iconCls:'icon-save',modal:true,closed:true">

		<div id="update" style="margin-left: 150px; margin-top: 70px">
			商品编号<input id="tb11" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			商品名称<input id="tb22" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			品牌型号<input id="tb33" class="easyui-textbox"style="width: 200px; heigh: 20px"><br>
			商品数量<input id="tb44" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			商品类型<input id="tb55" class="easyui-textbox" style="width: 200px; heigh: 20px"><br> 
			商品进价<input id="tb66" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			商品预售价<input id="tb77" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			入库时间<input id="tb88" class="easyui-textbox"  style="width:200px;heigh:20px"><br> 
			供应商ID<input id="tb99" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn3" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a> 
				<a id="btn4" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
			</div>
		</div>
	</div>
	
	<!-- 查询页面 -->
<div id="win2" class="easyui-window" title="库存查询" style="width: 600px; height: 400px" data-options="iconCls:'icon-save',modal:true,closed:true">
     <div id="serach" style="margin-left: 150px; margin-top: 70px">
<!-- 下拉选择+输入 -->
        <div>
请选择想查询的类别<input id="tb111" class="easyui-textbox" style="width: 200px; heigh: 20px"><br><br>
请选择想查询的内容<input id="tb222" class="easyui-textbox" style="width: 200px; heigh: 20px"><br><br>
                <a id="btn5" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a id="btn6" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
        </div>
	</div>
</div>


<!-- 查询内容展示 -->
<div id="win3" class="easyui-window" title="库存查询" style="width: 600px; height: 400px" data-options="iconCls:'icon-save',modal:true,closed:true">
<table id="dg1"></table>
</div>
</body>
</html>